.notice-detail{
  padding: 40px 0 0 0;
  background-color: #FFFFFF;
  .subject{
    padding: 0 32px;
    font-weight: bolder;
    font-size: 40px;
    color:#494949;
    line-height: 56px;
    margin-bottom: 32px;
  }
  .basic-info{
    position: relative;
    height:80px;
    margin-bottom:48px;
    padding: 0 32px;
    img{
      width:80px;
      height:80px;
      border-radius: 100%;
    }
    .wrap{
      position: absolute;
      top:0;
      bottom:0;
      left:136px;
      right:32px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      .nick-name{
        height:34px;
        line-height:34px;
        font-size:28px;
        color:#494949;
        margin-bottom:8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .create-time{
        font-size:24px;
        color:#8f8f95;
        line-height:34px;
        height:34px;
      }
    }
  }
  .content-wrap{
    padding: 0 32px;
    .content{
      font-size:32px;
      color:#494949;
      line-height:52px;
      word-break: break-all;
      img.attachment{
        max-width:100%;
        display: block;
        margin:0 auto;
        margin-top:40px;
      }
    }
    .rich-content{
      img{
        display: block;
        max-width:100%;
        margin: 0 auto;
        margin-top:40px;
        margin-bottom: 40px;
      }
    }
    .link-content{
      display: block;
      height:110px;
      background-color:#F8F8F8;
      border:solid 1PX #E0E0E0;
      border-radius: 2PX;
      position: relative;
      margin-top:24px;
      .link-cover{
        display: inline-block;
        width:110px;
        height:110px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      div{
        position: absolute;
        left:133px;
        right:33px;
        top:0;
        bottom:0;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:28px;
        color:#707070;
        line-height: 110px;
      }
    }
  }
  .opera-list{
    margin-top:48px;
    padding: 0 32px 40px 32px;
    span.like{
      float:right;
      img{
        width:40px;
        height:40px;
        vertical-align: middle;
        margin-right:10px;
      }
      span{
        font-size:32px;
        color:#9B9B9B;
        line-height:34px;
        vertical-align: middle;
      }
      span.pressed{
        color:#FF3B30
      }
    }
    span.delete{
      font-size:32px;
      color:#9B9B9B;
      line-height: 34px;
    }
  }

  .flie-list {
    margin-top:48px;
    padding: 32px 32px 40px 32px;
    border-top: solid 1PX #e0e0e0;
    border-bottom: solid 1PX #e0e0e0;
    > p {
        font-size: 34px;
    }
    > .list {
        border-top: solid 1PX #e0e0e0;
        >.item {
            padding: 20px 0;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            border-bottom: solid 1PX #e0e0e0;
            >img {
                width: 60px;
                height: 60px;
                margin-right: 20px;
            }
            >.info {
                flex-grow: 1;
                >.name {
                    font-size: 34px;
                }
                >.size {
                    margin-top: 10px;
                    // font-size: 20px;
                }
            }
        }
    }
  }
  .opera-list:after{
    display: block;
    content:'';
    clear:both;
  }
  .margin{
    height:17px;
    background-color:#F5F5F9;
  }
}
